<template>
  <el-table :data="kanBanData.tableData" style="width: 100%"  >
    <el-table-column label="参与项目集" align="center" >
    <el-table-column prop="name" label="项目集名称"   align="center" />
      <el-table-column prop="name" label="未关闭的产品" width="300" align="center" >
        <template #default="scope">
          <SetKanBanCard   :cardData="scope.row.products"  useStatus="normal"  cardType="product" />
        </template>
      </el-table-column>
      <el-table-column prop="name" label="未过期的计划" width="300" align="center" >
        <SetKanBanCard></SetKanBanCard>
      </el-table-column>
      <el-table-column prop="name" label="未开始的项目" width="300" align="center" >
        <template #default="scope">
          <SetKanBanCard   :cardData="scope.row.items"  useStatus="wait" cardType="project" />
        </template>
      </el-table-column>
      <el-table-column  label="进行中" width="300"  align="center">
        <el-table-column  label="进行中的项目" width="300" align="center" >
        <template #default="scope">
          <SetKanBanCard   :cardData="scope.row.items"  useStatus="doing"   cardType="project" />
        </template>
        </el-table-column>
        <el-table-column  label="进行中的执行" width="300" align="center" >
          <SetKanBanCard></SetKanBanCard>
        </el-table-column>
      </el-table-column>

      <el-table-column  label="正常的发布" width="300" align="center" />

    </el-table-column>

  </el-table>
</template>

<script setup>

  import { onMounted ,reactive } from 'vue';
  import { setKanban} from '@/api/project';
  import SetKanBanCard from 'views/project/comp/SetKanBanCard.vue';

  const kanBanData=reactive({
    tableData : [],
  });

  const initData = ()=>{
    setKanban().then(res=>{
      if(res.code==200){
      kanBanData.tableData=res.data;
      }
    })
  }


  onMounted(()=>{
    initData();
  })

</script>
